<template>
	<div class='search-content'>
		<div class='search-input'>
			<input type="text" name="" v-model='inputVal'>
			<button @click='isContentShow(false)'>取消</button>
		</div>
		<hr />
	

	</div>

</template>

<script>
import {mapState,mapActions} from "vuex";
export default {
       props:['isContentShow'],
       data(){
           return {
             inputVal:''
           }
       },
       computed:{
           ...mapState(['searchMsg'])
       },
       methods:{
            ...mapActions(['getSearch'])
       },
       watch:{
		inputVal(){
			if(  this.inputVal.length  ){
				this.getSearch(this.inputVal);
			}else{
				this.getSearch('qhriohiqwhrqirhqiorqiogruqotruqwrtwqtriqtruiwqtrquwtruqtrutwqrtwqutriqutruiqtriuqtwruqrtuqtwrtqrtqurtqtrwqtrtwturererere');
			}
		}
	}
}
</script>
<style lang="scss" scoped>
.search-content{
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height: 100%;
	z-index: 9999;
	background: #fff;
}
.search-input{
	height: 50px;
}

</style>